<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<script type='text/javascript' src='file:///System/Library/WidgetResources/AppleClasses/AppleButton.js' charset='utf-8' />
	<script type='text/javascript' src='file:///System/Library/WidgetResources/AppleClasses/AppleInfoButton.js' charset='utf-8' />
	<script type='text/javascript' src='file:///System/Library/WidgetResources/AppleClasses/AppleAnimator.js' charset='utf-8' />
	<script type='text/javascript' src="vta.js" charset='utf-8'/>
	<link href="vta.css" rel="stylesheet" type="text/css" />
</head>
<body onload='setup();'>
	<div id="front">
		<img src="Default.png" width="350" height="73" />
		<div id="location"></div>
		<div id="arrivalTime"></div>
		<div id='nextArrival'>next<br /><strong id='nextArrivalTime'></strong></div>
		<div id='moreLink'><a href='' onclick='if(widget) widget.openURL(this.href);' id='moreLinkAnchor' target='_new'>more info</a></div>
		<div id="fliprollie"></div>
		<div id="flipBack" class="flip"></div>
	</div>

	<div id="back" style="display:none">
		<img src="Back.png" width="350" height="160" />
		<div id="controls">
			<table>
				<tr>
					<th>Line</th>
					<td>
						<select name="line" id="line">
						</select>
					</td>
				</tr>
				<tr>
					<th>Direction</th>
					<td>
						<select name="direction" id="direction">
						</select>
					</td>
				</tr>
				<tr>
					<th>Station</th>
					<td>
						<select name="station" id="station">
						</select>
					</td>
				</tr>
			</table>

			<div class='InputButtons'>
				<input id="flipFront" value="Done" type="button" />
			</div>

			<p id='version'>Next Train VTA Light Rail 1.2</p>
			<p id='credit'>2006 Junius Gunaratne, 2007 Robin Daugherty</p>
		</div>
	</div>
</body>
</html>
